$(function(){
    // 1.点击a标签 切换登录注册页面
    $('.login a').click(function(){
        $('.login').hide().siblings().show()  
    })
    $('.reg a').click(function(){
        $('.reg').hide().siblings().show()  
    })

    // 2. 表单提交验证
    /* 
    自定义属性 判断
    */
    let form = layui.form
    form.verify({
        name:[
            /^\w{1,10}$/,
            '请输入1到10位数字或字母或下划线'
        ],
        pas:[
            /^\S{6,12}$/,
            '请输入6到12位,且非空格'
        ],
        repas:function(value){
            if(value!=$('.reg [name=password]').val()){
                return '两次输入密码不一致'
            }
        }
    })

    //注册功能提交
    $('#regForm').on('submit',function(e){
        //阻止表单默认事件
        e.preventDefault()
        axios({
            url:'/api/reguser',
            method:'post',
            data: $('#regForm').serialize()//form表单获取数据方法 表单元素需要有name属性
        }).then(({data:res})=>{
            //成功回调
            if(res.status != 0){
                // layui框架自带属性 弹出层
                return layui.layer.msg(res.message)
            }
            layui.layer.msg('恭喜您,注册成功!')
            //原生dom属性 清空表单
            $('#regForm')[0].reset()
            //跳转登录页面 调用点击方法
            $('.reg a').click()
        })
    })

    //登录功能提交
    $('#loginForm').on('submit',function(e){
        //阻止表单默认事件
        e.preventDefault()
        axios({
            url:'/api/login',
            method:'post',
            data: $('#loginForm').serialize()//form表单获取数据方法 表单元素需要有name属性
        }).then(({data:res})=>{
            //成功回调
            console.log(res)
            if(res.status != 0){
                // layui框架自带属性 弹出层
                return layui.layer.msg(res.message)
            }
            layui.layer.msg('恭喜您,登录成功!')
            //本地存储 token
            localStorage.setItem('token', res.token)
            //原生dom属性 清空表单
            $('#loginForm')[0].reset()
            //跳转index页面 location
            location.href = '/index.html'
            
        })
    })

})